<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        svg {
            fill: none;
            stroke-width: 10px;
            stroke-dasharray: 5193;
            stroke-dashoffset: 5193;
        }
        @keyframes xin {
            0% {
                stroke-dashoffset: 5193.16259765625;
            }
            100% {
                stroke-dashoffset: 0;
            }
        }
        svg:hover {
            animation: xin 5s infinite;
        }
    </style>
</head>
<body>
    <svg t="1762953076597" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3689" width="200" height="200"><path id="xin" d="M171.712 571.648l0.352 0.32 287.904 252.8a64 64 0 0 0 82.912 1.344l296.832-244.544a215.584 215.584 0 1 0-301.824-300.576L512 316.672l-25.888-35.616a215.584 215.584 0 1 0-314.4 290.624zM32 407.584a279.584 279.584 0 0 1 480-194.944 279.584 279.584 0 0 1 480 194.944 278.144 278.144 0 0 1-113.024 224.512l-295.36 243.392a128 128 0 0 1-165.888-2.592L129.984 620.16A278.976 278.976 0 0 1 32 407.584z" stroke="#000"  p-id="3690"></path></svg>
</body>
</html>